<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:icecore="http://www.icefaces.org/icefaces/core"       
      xmlns:ace="http://www.icefaces.org/icefaces/components"
      xmlns:ice="http://www.icesoft.com/icefaces/component">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="./resources/css/stylesheet.css" rel="stylesheet" type="text/css" />        
        <script src="resources/mascara.js" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" href="./xmlhttp/css/rime/rime.css"/>

 <style type="text/css">
           .bloco{ background-color: #6f8ca3; 
            width: 800px ;
            height: 600px; margin: 0 auto}
           .blocoFormulario{
	width:700px;
	height:400px;
	border:solid 0px red;
	background-color:#1e476e;
	margin:auto;
	
	}
        .corTexto{
            color: white;
        }    
        
        .externo {
	display: table;
	border:solid 0px green;
	width:800px;
	height:140px;
	margin: auto;
        text-align: center;
	
}

.interno {
	float: left;
	border:solid 0px red;
	
}
.blocoFormulario{
	width:700px;
	height:400px;
	border:solid 0px red;
	background-color:#1e476e;
	margin:auto;
	
	}
        </style>
    </h:head>

    <h:body  styleClass="ice-skin-rime" style="background-image: url(resources/fundo.jpg) ">               
        <h:form>
          

          <div  class="bloco" >
              <div class="externo">
          <br/>
          
          <div class="interno" style="margin-left:50px"> <a href="http://www.consultordabolsa.com"> <img src="resources/logo.png" border="0" /> </a> </div>
                        <div class="interno" style="color:white; font-family: sans-serif; font-size: 42px;margin-left: 35px;margin-top: 60px"> Formulário de Cadastro </div>
            </div>
                <div class="blocoFormulario">
                   <br/>
                   <br/>
                   <ice:panelGroup style="" rendered="#{cadGerPaisController.flagpg1}">   
                        <ice:panelGrid columns="2">
                            <ice:outputLabel  style="color:white" value="Nome:" />
                            <ice:inputText style="width:350px; "/>
                        </ice:panelGrid>   
                        <ice:panelGrid columns="2">
                            <ice:outputLabel  style="margin-left: -25px; color:white" value="Endereço:" />
                            <ice:inputText style="margin-left: 0px; width:350px; "/>                            
                        </ice:panelGrid>   
                        <ice:panelGrid columns="4">
                            <ice:outputLabel  style="margin-left: -7px; color:white" value="Estado:" />
                            <ice:inputText style="width:135px; "/>                            
                            <ice:outputLabel  style="color:white" value="Cidade:" />
                            <ice:inputText style="width:142px; "/>                            
                        </ice:panelGrid>   
                        <ice:panelGrid columns="4">
                            <ice:outputLabel  style="margin-left: -17px; color:white" value="Telefone:" />
                            <ice:inputText style="width:140px; "/>                            
                            <ice:outputLabel  style="color:white" value="Celular:" />
                            <ice:inputText style="width:136px; "/>                            
                        </ice:panelGrid> 
                        <ice:panelGrid columns="2">
                            <ice:outputLabel  style="color:white" value="E-mail:" />
                            <ice:inputText style="width:350px; "/>                            
                            
                        </ice:panelGrid> 
                  <ice:panelGrid columns="4">
                            <ice:outputLabel  style="color:white" value="Senha:" />
                            <ice:inputText style="width:109px; "/>                            
                            <ice:outputLabel  style="color:white" value="Confirmar Senha:" />
                            <ice:inputText style="width:100px; "/>                            
                        </ice:panelGrid> 
                        <br/>
                        <ice:commandButton image="resources/btProsseguir.png" actionListener="#{cadGerPaisController.renderizar}" style="margin-left: 290px" />
                        </ice:panelGroup>
                   
                   <ice:panelGroup   rendered="#{cadGerPaisController.flagpg2}">
                       <ice:outputLabel  style="color:white; font-size: 20px" value="Abaixo está disponível os pacotes de Estratégias para você contratar" />
                       <br/>
                       <br/>
                       <br/>
                       <ice:panelGrid columns="3" style="border:solid 1px #6f8ca3">
                           
                           <ice:outputLabel  style="color:white" value="Pacote Estratégia para Mini Índice:" />
                           <ice:outputLabel   value="....." style="color:#1e476e" />
                           <!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form target="pagseguro" action="https://pagseguro.uol.com.br/v2/pre-approvals/request.html" method="post">
<input type="hidden" name="code" value="484260060404F4E884F33F943ABA1FD6" />
<input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/assinaturas/120x53-contratar-azul.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
                           
                       </ice:panelGrid>
                       
                       <br/>
                       <br/>
                       
                       <ice:panelGrid columns="3" style="border:solid 1px #6f8ca3">
                           <ice:outputLabel  style="color:white" value="Pacote Estratégia para Índice:" />
                           <ice:outputLabel   value="....." style="color:#1e476e" />
                           <!-- INICIO FORMULARIO BOTAO PAGSEGURO -->
<form target="pagseguro" action="https://pagseguro.uol.com.br/v2/pre-approvals/request.html" method="post">
<input type="hidden" name="code" value="BB7745E5BFBF39BFF48C2FA3D5CCE6FF" />
<input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/assinaturas/120x53-contratar-azul.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>
<!-- FINAL FORMULARIO BOTAO PAGSEGURO -->

                           
                       </ice:panelGrid>
                       
                            <br/>
                       <br/>
                       <ice:panelGrid columns="3" style="border:solid 1px #6f8ca3">
                           <ice:outputLabel  style="color:white" value="Contrate os dois Pacotes (para mini índice e ídice cheio):" />
                           <ice:outputLabel   value="....." style="color:#1e476e" />
                           <form   target="pagseguro" action="https://pagseguro.uol.com.br/v2/pre-approvals/request.html" method="post">
<input type="hidden" name="code" value="14C1C584A3A3C2CDD4B9AF8EB25D5993" />
<input type="image" src="https://p.simg.uol.com.br/out/pagseguro/i/botoes/assinaturas/120x53-contratar-azul.gif" name="submit" alt="Pague com PagSeguro - é rápido, grátis e seguro!" />
</form>

                       </ice:panelGrid>
                       
                   </ice:panelGroup>
                   
                </div>
                
                
            </div>
    </h:form>                
    </h:body>

</html>
